<template>
  <main class="container mx-auto p-4">
    {{ text }}
  </main>
</template>

<script setup lang="ts">
// const route = useRoute()
// const { data } = await useFetch(`/api/products/${route.params.id}`)

// useHead({
//   title: `${data.value.name} - 产品详情`,
//   meta: [
//     {
//       name: 'description',
//       content: `了解${data.value.name}的详细参数，价格${data.value.price}元`
//     }
//   ]
// })

// 客户端数据
const text = ref('')
onMounted(() => {
  text.value = '客户端数据'
})
</script>